<template>
    <div style="margin: 0px 30px;padding-top: 20px">
      <dv-decoration-11 style="width:620px;height:80px;margin-left: 50px;"><span id="tatle" @click="go('index')" style="cursor: pointer;">棉花虫情遥感监测大数据系统</span></dv-decoration-11>
      <dv-decoration-8 style="width:650px;height:50px;margin-top: -20px;" />
      <div class="navdiv1">
        <div style="width: 25%;text-align: center;float: left">
          <dv-decoration-7 class="nav"><span class="navcolor" @click="go('spectrum')">光谱数据</span></dv-decoration-7>
<!--          <div style="color: red;font-family: hHYZhengYuan-95W;font-size: 30px;word-wrap: break-word;word-break: normal;">45673万条</div>-->
        </div>
        <div style="width: 25%;text-align: center;float: left">
          <dv-decoration-7 class="nav"><span class="navcolor" @click="go('pests')">虫害数据</span></dv-decoration-7>
<!--          <div style="color: red;font-family: hHYZhengYuan-95W;font-size: 30px;word-wrap: break-word;word-break: normal;">34864万条</div>-->
        </div>
        <div style="width: 25%;text-align: center;float: left">
        <dv-decoration-7 class="nav"><span class="navcolor" @click="go('prescription')">施药处方</span></dv-decoration-7>
<!--        <div style="color: red;font-family: hHYZhengYuan-95W;font-size: 30px;word-wrap: break-word;word-break: normal;">36425万条</div>-->
      </div>
        <div style="width: 25%;text-align: center;float: left">
        <dv-decoration-7 class="nav"><span class="navcolor">气象数据</span></dv-decoration-7>
<!--        <div style="color: red;font-family: hHYZhengYuan-95W;font-size: 30px;word-wrap: break-word;word-break: normal;">15968万条</div>-->
      </div>
        <dv-decoration-3 style="width:1180px;height:30px;" />
      </div>

    </div>
</template>

<script>
    export default {
      name: "headnav",


      methods: {
        go(a, s) {
          if (a === 'index') {
            this.$router.push('/');
          } else {
            this.$router.push(a);
          }
        },
      }


    }
</script>

<style scoped>

  .nav{
    width:150px;
    height:60px;
    margin: 0 auto;
  }

  .navdiv1{
position: relative;
    top: -105px;
    left: 650px;
    width: 1180px;
  }


  .navcolor{
    font-size: 22px;
    cursor: pointer;
    letter-spacing:5px;
    color: #226BDD;
  }

  #tatle{
    font-weight: 600;
    letter-spacing:5px;
    font-family: hHYZhengYuan-95W;
    color: aliceblue;
    font-size: 40px;
    margin: 0;
  }
</style>
